
export const cloudItem = [
    {
        key: 'colou -map',
        name: 'Online cloud',
        path: '/mapskin'
    },
    {
        key: '2D/3D switch',
        name: '2D/3D switch',
        path: '/mapswitch'
    }
];

export const showItem = [
    {
        type: "MTitles",
        item: "准备"
    },
    {
        type: "MfullTitle",
        item: "开始绘制你的地图"
    },
    {
        type: "MItem",
        item: "1.导入云图中的Map接口"
    },

    {
        type: "MPre",
        item: "import { Map } from 'Cloud';"
    },
    {
        type: "MItem",
        item: "2.简单创建一个地图只需要一行代码，构造参数中的map为准备阶段添加的地图容器的id"
    },
    {
        type: "MPre",
        item: "var maps = Map({ id: 'map' });"
    },
    {
        type: "MItem",
        item: "3.创建的同时可以给地图设置中心点、级别、显示模式、自定义样式等属性：（如果不填也没关系，云图初始化自带地图，等其他参数）"
    },
    {
        type: "MPre",
        item: `var maps = Map({ id: 'map' ,
        coordinates: [119, 28],  // 中心点坐标
        projection: "EPSG:4326", // 设置坐标系
        zoom: 18                 // 地图相机高低
    });`
    },
    {
        type: "MfullTitle",
        item: "图层"
    },
    {
        type: "MItem",
        item: "1.默认情况下，地图只显示标准底图，如需要叠加别的图层，可以通过map.add方法添加图层，当然底图的添加也可以利用map.add的方法。"
    },
    {
        type: "MPre",
        item: `var maps = Map({ id: 'map' ,
        coordinates: [119, 28],  // 中心点坐标
        projection: "EPSG:4326", // 设置坐标系
        zoom: 18                 // 地图相机高低
    });
    // 创建图层对象
    var layer = new Layer();
    // 调用图层方法及加入图层参数
    let layers = this.layer.TileLayer({ Source: Source });
    // 添加图层
    maps.add(layers);
    `
    },
    {
        type: "MItem",
        item: "2.也可以在地图初始化的时候通过layers属性为地图设置多个图层："
    },
    {
        type: "MPre",
        item: `var maps = Map({ id: 'map' ,
        coordinates: [119, 28],  // 中心点坐标
        projection: "EPSG:4326", // 设置坐标系
        zoom: 18,                // 地图相机高低
        layers: [new Layer.TileLayer({ Source: Source })] // 添加图层
    });
    `
    },
    {
        type: "MItem",
        item: "目前有内置的地图可以调用，同时也提供了加载第三方WMS、WMTS、XYZ等标准图层的接口"
    },
]

